<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%-- <%@ page import="gop.dto.FaqDto, gop.dao.FaqDao, gop.dto.UserDto, gop.mapper.FaqMapper, java.util.List, java.text.SimpleDateFormat" %>

<jsp:useBean id="q" class="gop.dto.FaqDto" scope="page">
	<jsp:setProperty name="q" property="*" />
</jsp:useBean>
<% request.setCharacterEncoding("utf-8"); %>
<%
	UserDto user = (UserDto)session.getAttribute("user");
	boolean login = user == null ? false : true;

	FaqDao faqDao = new FaqDao();
	List<FaqDto> list = faqDao.selectFaqu();
	request.setAttribute("list", list);
%>
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>GOP Theater</title>

<link type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_80.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_8020.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/style.css">

<script src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript" src="/spring-GOP/js/common.js"></script>
<script type="text/javascript" src="/spring-GOP/js/faq.js"></script>
  	
    <script type="text/javascript">
    	<%-- function onQnaClick() {
    		if(<%=login%>) {
    			location.href="/GOP/pages/notice/qna/request_qna1.jsp";
    		} else {
    			alert("로그인을 하셔야 합니다.");
    			location.href="/GOP/pages/login/login.jsp";
    		}
    	} --%>
    </script>

</head>
<body>
<form action="/GOP/pages/.jsp" method="post" name="listForm">
	<!-- container -->
	<div id="container">
		<div id="content">
			<div id="main-shortCut">
				<div class="sub-main-section">
					<div class="page-type3">
						<h2>
							<p>HELP DESK</p>
							Primus <span>고객센터</span>
						</h2>
					</div>
					<div class="listTab mainTab">
						<div class="ars">
							<strong>ARS : 1544-5522</strong>
							<p>상담원 연결 가능 시간 : 평일 오전 9시~오후 6시</p>
						</div>
						<ul style="height: 637px;">
							<li>
								<p class="line" style="width: 990px; display: none;"></p>
								<h3 class="tab-title">
									<a href="/spring-GOP/help/notice/list"><span style="width: 328px;">공지사항</span></a>
								</h3>
								<ul class="ul-tab main-tab tab-content" style="display: none;">
								</ul>
							</li>
							<li>
								<p class="line" style="width: 990px; display: block;"></p>
								<h3 class="tab-title on">
									<a><span style="width: 328px;">FAQ</span></a>
								</h3>
								<ul class="ul-tab main-tab tab-content" style="display: block;">
									<li class="t-head">
										<h4 class="tit-tab">FAQ</h4>
										
										<c:if test="${user.member_id == 'admin' }">
											<div class="notice-form">
												<p><a href="/spring-GOP/help/faq/admin" class="button h30 w97 white"><b>관리자모드</b></a></p>
											</div>
										</c:if>
									</li>
									<li>
										<div class="listTab subTab">
											<ul>
												<li>
													<h5 class="tab-title">
														<a href="/spring-GOP/help/faq/list" tabindex="0"><span id="span0">예매</span></a>
													</h5>
													<ul class="ul-tab sub-tab tab-content" style="display: block;">
														<li class="tab-cont tab-ac tab-position4"></li>
													</ul>
												</li>
												<li>
													<h5 class="tab-title on">
														<a href="/spring-GOP/help/faq/userlist" tabindex="0"><span id="span0">회원정보</span></a>
													</h5>
													<ul class="ul-tab sub-tab tab-content" style="display: block;">
														<li class="tab-cont tab-ac tab-position4">
															<c:forEach var="faq" items="${faqu }">
																<div class="faq-table tab-cont1">
																	<h6>
																		<a class="aa" href="#" onClick="void(0)" style="cursor:pointer;" onclick="onClick(${faq.getNum()})">
																		<span class="q">Q</span> 
																		<span class="f-answer">${faq.subject}</span>
																		</a>
																	</h6>
																	<div class="Accordion">
																			<span class="A">A</span>
																			<span>${faq.content}</span>
																	</div>
																</div>
															</c:forEach>
														</li>
													</ul>
												</li>

												<li>
													<h5 class="tab-title">
														<a href="/spring-GOP/help/faq/pointlist" title="멤버십포인트 탭 열기"><span
															id="span2">멤버십포인트</span></a>
													</h5>
													<ul class="ul-tab sub-tab tab-content"
														style="display: none;">
														<li class="tab-cont tab-ac tab-position4"></li>
													</ul>
												</li>
												<li>
													<h5 class="tab-title">
														<a href="/spring-GOP/help/faq/cardlist" title="할인카드 탭 열기"><span id="span4">할인카드</span></a>
													</h5>
													<ul class="ul-tab sub-tab tab-content"
														style="display: none;">
														<li class="tab-cont tab-ac tab-position4"></li>
													</ul>
												</li>
												<li>
													<h5 class="tab-title">
														<a href="/spring-GOP/help/faq/etclist" title="기타 탭 열기"><span id="span4">기타</span></a>
													</h5>
													<ul class="ul-tab sub-tab tab-content"
														style="display: none;">
														<li class="tab-cont tab-ac tab-position4"></li>
													</ul>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</li>
							<li>
								<p class="line" style="width: 990px; display: none;"></p>
								<h3 class="tab-title">
									<a href="/spring-GOP/login/checkLogin?idx=${pageIdx}&target=qna" title="문의하기 보기">
										<span style="width: 328px;">문의하기</span></a>
								</h3>
								<ul class="ul-tab main-tab tab-content" style="display: none;">
								</ul>
							</li>
						</ul>
					</div>
					<!--//listTab mainTab-->
				</div>
			</div>
		</div>
	</div>
</form>
</body>
</html>